<!DOCTYPE html>
<!-- DOCTYPE：告诉浏览器，我们要使用什么规范-->
<html lang="en">
<!--html是总标签，所有内容必须在html标签内-->
<head>
    <meta charset="UTF-8">  <!--闭合标签-->
    <!--meta是描述性标签，用来描述我们网址的信息-->
    <!--meta标签通常用作SEO-->
    <meta name="keywords" content="前端">
    <meta name="description" content="html,css,javaScript">
    <title>我的第一个标签</title>  <!--开放标签-->
    <!--title标签是网页的标题-->
    <style>
        table{
            border: 1px solid palevioletred;
            border-collapse: collapse;
        }
        td,th{
            border: 1px solid palevioletred;
        }
    </style>
</head>
<body>
    <h1>我的第一个网页（实际并不是欸嘿）</h1>
<p>这是网页的段落部分主要是用来应用段落标签p.</p>
或者也可以试试换行标签br,这个我可太熟了，在用markdown语言写博客的时候这个标签就是我的常客了。<br>
让我们也试试水平线标签，也有说是分割线标签的<hr>
不知道markdown语法的---或者***的分割线能否在html里面生效呢？<br>
对了，还有字体样式标签：<em>这是斜体字</em>；<strong>这是粗体字</strong>
<em><strong>这是斜体字套粗体字</strong></em>
<strong><em>这是粗体字套斜体字</em></strong>
最后还有一个特殊字符：<br>
<p>空&nbsp;格（牛逼水平）</p>
<p>下面学习img标签，我将导入我的老婆宵宫</p>
<img src="../resources/images/最爱宵宫/Yoimiya_Blacqkl (1).jpg" alt="老婆爱你，老婆爱你" title="宵宫老婆爱你" width="320" height="200">
    <table>
        <tr>
            <th colspan="3">导航目录</th>
        </tr>
        <tr>
            <td>
                <a href="链接标签学习.html">点击跳转到链接学习页面</a>
            </td>
            <td> <a href="列表学习.html">点击跳转到列表学习网页</a></td>
            <td><a href="Table.html">点击跳转到列表学习网页</a></td>
        </tr>
        <tr>
            <td><a href="视频和音频.html">点击跳转到视频和音频学习网页</a></td>
            <td><a href="页面结构.html">点击跳转到页面结构网页</a></td>
            <td><a href="iframe内联框架.html">点击跳转到iframe内联框架网页</a></td>
        </tr>
        <tr>
            <td><a href="表单.html">点击跳转到表单学习网页</a></td>
            <td><a href="文本框、单选框和多选框.html">点击跳转到文本框和单选框网页</a></td>
            <td><a href="下拉框、文本域和文件域.html">点击跳转到下拉框和列表框网页</a></td>
        </tr>
        <tr>
            <td>
                <a href="input标签的其他应用：邮件验证，URL验证，数字验证，滑块，搜素框.html">input标签的其他应用</a>
            </td>
        </tr>
    </table>




<h4>增强网页内容以测试锚链接</h4>
<h4>增强网页内容以测试锚链接</h4>
<h4>增强网页内容以测试锚链接</h4>
<h4>增强网页内容以测试锚链接</h4>
<h4>增强网页内容以测试锚链接</h4>
<h4>增强网页内容以测试锚链接</h4>
<h4>增强网页内容以测试锚链接</h4>
<h4>增强网页内容以测试锚链接</h4>
<h4>增强网页内容以测试锚链接</h4>
<h4>增强网页内容以测试锚链接</h4>
<h4>增强网页内容以测试锚链接</h4>
<h4>增强网页内容以测试锚链接</h4>
<h4>增强网页内容以测试锚链接</h4>
<h4>增强网页内容以测试锚链接</h4>
<h4>增强网页内容以测试锚链接</h4>
<h4>增强网页内容以测试锚链接</h4>
<h4>增强网页内容以测试锚链接</h4>
<h4>增强网页内容以测试锚链接</h4>
    <a name="down">测试锚链接跳转到不同位置的锚定点</a>
<h4>增强网页内容以测试锚链接</h4>
<h4>增强网页内容以测试锚链接</h4>
<h4>增强网页内容以测试锚链接</h4>

</body>
</html>